<%-- 
    Document   : produto
    Created on : 05/08/2013, 10:58:55
    Author     : Aluno
--%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <title>Produto</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="css/bootstrap.min.css" />
        <link rel="stylesheet" href="css/font.css" />
        <link rel="stylesheet" href="css/style.css" />
        <link rel="icon" href="img/hsfavicon.png">
        <!-- Google Font -->
        <script type="text/javascript">
            // Add Google Font name here
            WebFontConfig = {google: {families: ['Bangers', 'Lato']}};
            (function() {
                var wf = document.createElement('script');
                wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
                        '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
                wf.type = 'text/javascript';
                wf.async = 'true';
                var s = document.getElementsByTagName('script')[0];
                s.parentNode.insertBefore(wf, s);
            })();
        </script>
        <style type="text/css">
            /* Add Google Font name here */
            .wf-active {font-family: 'Lato',serif; font-size: 14px;}
            .wf-active .logo {font-family: 'Bangers', serif;}
        </style>
        <!--[if lt IE 9]>
                <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <!--[if IE 7]>
                <link rel="stylesheet" href="css/ie7.css" />
        <![endif]-->
    </head>
    <body class="wf-active">	
        <!-- =========== -->
        <!-- Top section -->
        <!-- =========== -->
        <div class="header-container">
            <div class="container welcome">
                <div class="row-fluid">
                    <div class="pull-left greet">
                         <p>Bem Vindo!</p>
                        <div id="usuario"> ${usuario.nome} <br />
                            <c:if test="${!empty msg}">
                                <script type="text/javascript">
                                    alert('${msg}');
                                </script>
                            </c:if>
                            <ul>
                            </ul>
                        </div>
                    </div>
                    <div class="pull-right cart tright">
                        <!-- Cart Updates -->
                          <div class="counter">
                            <i class="icon-basket"></i><a href="carrinho.jsp">Seu carrinho</a> : <span class="theme">R$ 00</span>
                            <a href="ControleUsuario?cmd=sair"><h5>Sair</h5></a> 
                        </div>
                    </div>
                </div>
            </div>	
        </div>
        <!-- ================ -->
        <!-- Branding section -->
        <!-- ================ -->
        <div class="container head">
            <div class="row">
                <div class="span12 clearfix">
                    <div class="top row">
                        <div class="span8 logo text" style="display:none"><a href="inicial.html"></a></div>
                        <div class="span8 logo image"><img src="img/highreslogo.png" alt="" /></a></div>
                        <div class="cart span4">
                            <form action="#" class="topsearch">
                                <input type="search" class="top-search" placeholder=""/>
                                <button type="submit"><i class="icon-search"></i></button>
                            </form>
                        </div>
                    </div>	
                </div>
            </div>
        </div>
        <!-- ================ -->
        <!-- Main Nav section -->
        <!-- ================ -->
        <div class="container-menu">
            <div class="container">
                <div class="row">		
                    <div class="span12">
                        <nav class="horizontal-nav full-width">
                            <ul class="nav" id="nav">
                                <li><a href="index.jsp">Home</a></li>							
                                <li><a href="masculino.jsp">Masculino</a></li>
                                <li><a href="feminino.jsp">Feminino</a></li>
                                <li><a href="sistema.jsp">Sistema</a></li>
                                <li><a href="contato.jsp">Contato</a></li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- =========== -->
    <!-- Main Slider -->
    <!-- =========== -->
    <div class="homepagecontainer">
        <div class="slides home-span12">
            <div class="container">
                <div id="flexslider" class="flexslider row">
                    <ul class="slides span12">
                        <!-- Sample slider with text caption -->
                        <li>
                            <img src="img/banner/banner-width1.png" alt="" />
                            <p class="flex-caption">
                                <strong>Sapatênis Urbano</strong><br />
                                Nova linha de sapatênis Urbano 2013.Você caminhando junto com as bovas tendências.<br /><br />
                                <a href="#" class="btn theme">R$ 169 | Add ao Carrinho</a>
                            </p>
                        </li>
                        <!-- Sample slider wrapped with link -->
                        <li><a href="#"><img src="img/banner/banner-width2.png" alt="" /></a></li>
                        <!-- Sample normal slider -->
                        <li><img src="img/banner/banner-width3.png" alt="" /></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="clearfix"></div>
        <div class="container home">
            <!-- ================ -->
            <!-- Featured section -->
            <!-- ================ -->
            <section class="single">
                <div class="row">
                    <div class="span5">
                        <!-- Product Images -->
                        <div class="wrap">
                          <div id="flexslider-product" class="flexslider">
                                <ul class="slides">
                                    <li><a href="img/products/aM2.jpg"><img src="img/products/aM2.jpg" /></a></li>
                                    
                                </ul>				  
                            </div>
                          
                        </div>
                    </div>
                    <div class="span7">
                        <!-- Product Info -->
                        <div class="details wrapper">
                            <h4>Cinto Lacosta em couro cru</h4>
                            <p class="price"><i class="icon-tag"></i> R$ 82.00</p>
                            <form action="#">
                                <p>
                                    <select name="#" id="">
                                        
                                        <option value="small">unico</option>
                                        
                                    </select>
                                </p>
                                <p>
                                    <select name="#" id="">
                                        <option value="#">Cores</option>
                                        <option value="black">Preto</option>
                                        <option value="blue">Marrom</option>
                                        <option value="grey">Bege</option>
                                    </select>
                                </p>
                                <div class="clearfix">
                                    <div class="pull-left qty">
                                        <input type="text" class="qty" value="1">
                                        <div class="total">
                                            <a href="#"><i class="icon-plus-squared"></i></a>
                                            <a href="#"><i class="icon-minus-squared"></i></a>
                                        </div>
                                    </div>
                                    <div class="pull-left"><a href="checkout.html" class="btn theme">Add ao Carrinho</a></div>
                                </div>
                                <p>Existem ? unidades disponiveis no estoque!</p>
                            </form>
                            <hr>
                            <hr>
                            <!-- Product details -->
                            <div class="accordion" id="accordion2">
                                <div class="accordion-group">
                                    <div class="accordion-heading">
                                        <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#description">
                                            <i class="icon-layout theme"></i>DescricaodoProduto
                                        </a>
                                    </div>
                                    <div id="description" class="accordion-body collapse">
                                        <div class="accordion-inner">
                                           Cinto em couro cru, modelo cowboy.                                     </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- ================== -->
                <!-- Cross-sell section -->
                <!-- ================== -->
        </div>
    </section>
</div>
<footer>
    <div class="container">
        <section class="row foot">
            <article class="span3">
                <strong>Links</strong>
                <ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Sobre nós</a></li>
                    <li><a href="#">Privacidade</a></li>
                    <li><a href="#">Devoluções</a></li>
                    <li><a href="#">Contato</a></li>
                </ul>
            </article>
            <article class="span3">
                <strong>Produtos</strong>
                <ul>
                    <li>Femininos</a></li>
                    <li><a href="#">Sapatos</a></li>
                    <li><a href="#">Tenis</a></li>
                    <li><a href="#">Acessórios</a></li>
                    <li>Masculinos</a></li>
                    <li><a href="#"> Sapatos</a></li>
                    <li><a href="#">Tenis</a></li>
                    <li><a href="#">Acessórios</a></li>
                </ul>
            </article>
            <article class="span3">
                <strong>SISTEMA</strong>
                <ul>
                    <li><a href="login.jsp">Login</a></li>
                    <li><a href="sistema.jsp">Cadastros</a></li>
                    <li><a href="sistema.jsp">Relatórios</a></li>
                    <li><a href="sistema.jsp">Pesquisas</a></li>
                </ul>
            </article>
            <article class="span3">
                <strong>Newsletter</strong>
                <div>
                    <form class="form-inline">
                        <input class="input-medium" type="text" placeholder="endereço de email">
                        <button class="btn"><i class="icon-direction"></i></button>
                    </form>
                </div>
                <address class="row-fluid">
                    <div class="pull-left clabel"><i class="icon-location"></i></div>
                    <div class="pull-left cdata">Av:Osmar Cunha 123- Centro   Florianópolis SC</div>
                </address>
                <address class="row-fluid">
                    <div class="pull-left clabel"><i class="icon-phone"></i></div>
                    <div class="pull-left cdata">48 9136-5544</div>
                </address>
                <address class="row-fluid">
                    <div class="pull-left clabel"><i class="icon-mail"></i></div>
                    <div class="pull-left cdata"><a href="#">testedesis@gmail.com</a></div>
                </address>
            </article>
        </section>
    </div>
    <section class="row-fluid doubleline">
        <div class="container">
            <div class="span6">
                <div class="payment amex"></div>
                <div class="payment visa"></div>
                <div class="payment mastercard"></div>				
                <div class="payment paypal"></div>
            </div>
    </section>
    <section class="row-fluid social">
        <div class="container">
            <div class="pull-left">&copy; 2013  <a href="#">studioFormat</a></div>
            <div class="pull-right">
                <ul>
                    <li><a href="https://twitter.com/" target="_blank"><img src="img/social/twt.png" title=""></a></li>
                    <li><a href="https://www.youtube.com/" target="_blank"><img src="img/social/tube.png" title=""></a></li>	 
                    <li><a href="https://pt-br.facebook.com/" target="_blank"><img  src="img/social/face.png" title=""></a></li>
                </ul>
            </div>
        </div>
    </section>
</footer>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="js/jquery.tweet.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/shop.js"></script>
<script type="text/javascript" src="js/script.js"></script>
</body>
</html>